/************************************************************************************************************************/

body {
	background-image: url('../ikona/paraskinio/standard.png');
	background-repeat: repeat;
	font-family: "Georgia", serif;
	color: #16130E;
}

.bodyFixed {
	max-width: 900px;
}

/************************************************************************************************************************/

#diafimisi {
	display: none;
	position: relative;
	padding: 10px;
	margin: 0 0 8px 0;
	text-align: center;
	overflow: hidden;
/*
background-color: #CEB566;
*/
}

#motd {
	display: block;
	position: relative;
	padding: 10px;
	margin: 0 0 8px 0;
	text-align: center;
	overflow: hidden;
/*
background-color: #9AA55F;
*/
}

/************************************************************************************************************************/

#toolbar {
	border-style: none none solid none;
	border-width: 2px;
	border-color: #999966;
background-color: #CD5C5C;
/*
*/
}

#toolbarTable {
	width: 100%;
}

#toolbarLeft {
	text-align: left;
}

#toolbarCenter {
	font-weight: bold;
	text-align: center;
	white-space: nowrap;
}

#toolbarRight {
	text-align: right;
}

/************************************************************************************************************************/

#ribbon {
	border-style: solid none none none;
	border-width: 2px;
	border-color: #999966;
background-color: #008080;
}

#ribbonTable {
	width: 100%;
}

#ribbonLeft {
	text-align: left;
}

#ribbonCenter {
	text-align: center;
}

#ribbonRight {
	text-align: right;
}

/************************************************************************************************************************/

.tab {
	display: inline;
	padding: 0 2px;
	white-space: nowrap;
}

.tab:before {
	display: inline-block;
	content: '[';
	margin-right: 4px;
}

.tab:after {
	display: inline-block;
	content: ']';
	margin-left: 4px;
}

/************************************************************************************************************************/

.fyi {
	padding: 2px;
	white-space: nowrap;
	overflow: hidden;
	font-style: italic;
	color: #0059B9;
	background-color: #FFFF7E;
/*
background-color: red;
*/
}

#fyiPano {
	text-align: right;
}

#fyiKato {
	text-align: left;
}

/************************************************************************************************************************/

#ofelimo {
/*
	overflow: hidden;
*/
}

/***************************************************************************************************************************/

.forma {
	display: inline-block;
	margin: 20px 0 0 20px;
}

.formaSoma {
	padding: 14px;
	background-color: #D3D3AD;

	border-style: solid;
	border-width: 1px;
	border-color: #888888;

	-webkit-box-shadow: 2px 2px 8px #B4B4B4;
	-moz-box-shadow: 2px 2px 8px #B4B4B4;
	box-shadow: 2px 2px 8px #B4B4B4;
}

.formaTitlos {
	text-align: center;
	font-weight: bold;
	margin: 0 0 1ex 0;
}

.formaPrompt {
	text-align: right;
	padding: 0 0.4em 0 0;
	font-style: italic;
}

.formaPedio {
	text-align: left;
	padding-left: 0.2em;
}

.formaPanel {
	margin-top: 1.8ex;
}

.formaButton {
	margin-right: 1em;
	cursor: pointer;
}

/***************************************************************************************************************************/

.dialogos {
	position: absolute;

	padding: 4px;
	line-height: 150%;
	font-family: "Comic Sans MS", cursive, sans-serif;
	white-space: normal !important;

	background-color: #E9E0A1;
	background-image: url('../ikona/misc/dialogos.png');
	background-repeat: repeat;

	border-style: solid;
	border-width: 1px;
	border-color: #D6B879;

	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;

	-webkit-box-shadow: 4px 4px 18px #000;
	-moz-box-shadow: 4px 4px 18px #000;
	box-shadow: 4px 4px 18px #000;
}

.dialogosButton {
	display: inline-block;

	padding: 0 4px 0 4px;
	margin: 0 10px 0 10px;

	text-align: center;
	font-style: normal;
	white-space: nowrap;

	background-color: #FFFFAB;
	cursor: pointer;

	border-style: solid;
	border-width: 2px;
	border-color: #C7B48C;

	-webkit-box-shadow: 2px 2px 4px #E9F0D0;
	-moz-box-shadow: 2px 2px 4px #E9F0D0;
	box-shadow: 2px 2px 4px #E9F0D0;
}

.dialogosButton:hover {
	border-style: outset;
	background-color: #FFFF79;
	text-shadow: 1px 0px #000 !important;
}

.dialogosData {
	display: inline;
	font-weight: bold;
}

.dialogosWarning {
	background-color: rgb(223, 148, 148);
}

/************************************************************************************************************************/

.panel {
	background-color: rgba(183, 216, 113, 0.21);
/*
background-color: red;
*/
}

.Vpanel {
	height: 100%;
	padding: 0 2px;
	border-style: none none none solid;
	border-color: rgba(153, 153, 102, 0.11);
	border-width: 1px;
}

.VpanelIcon {
	display: none;
	width: 32px;
	margin: 4px 0 0 0;
	padding: 2px;
	border-style: solid;
	border-width: 2px;
	border-color: transparent;
	cursor: pointer;
}

.Hpanel {
	height: 31px;
	max-height: 31px;
	padding: 2px 0;
	overflow: hidden;
	white-space: nowrap;
	font-style: italic;
}

.HpanelIcon {
	padding: 1px;
	height: 25px;
	cursor: pointer;
}

/************************************************************************************************************************/

.klisimoIcon {
	position: absolute;
	top: 4px;
	right: 4px;
	width: 22px;
	opacity: 0.5;
	cursor: pointer;
}

.klisimoIconEmfanes {
	opacity: 1;
}

/************************************************************************************************************************/

.iconCandi {
	background-color: #FFFFCC !important;
	border-style: outset !important;
	border-color: #FFF !important;
/*
border-color: red !important;
*/
}

.iconEkremes {
	background-color: #FFFF9D !important;
	border-style: double !important;
	border-color: rgba(255, 0, 0, 0.22) !important;
}

/************************************************************************************************************************/

.strofi90 {
	transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
}

.strofi180 {
	transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
}

.strofi270 {
	transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	-webkit-transform: rotate(270deg);
}

/************************************************************************************************************************/

.kounima0 {
	display: inline-block;
	transform: rotate(-2deg);
	-ms-transform: rotate(-2deg);
	-webkit-transform: rotate(-2deg);
	background-color: #FFFF99;
	text-decoration: none;
}

.kounima1 {
	display: inline-block;
	transform: rotate(2deg);
	-ms-transform: rotate(2deg);
	-webkit-transform: rotate(2deg);
	background-color: #FFFF99;
	text-decoration: none;
}

/************************************************************************************************************************/

.flipX {
	transform: scaleX(-1);
	-ms-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
}

.flipY {
	transform: scaleY(-1);
	-ms-transform: scaleY(-1);
	-webkit-transform: scaleY(-1);
}

/************************************************************************************************************************/

.sinefo {
	text-shadow: -1px 0px 10px #F1F1F1, 1px 0px 10px #F1F1F1, -2px 0px 8px #F1F1F1, 2px 0px 8px #F1F1F1;
}

.entona {
	font-weight: bold;
}

.plagia {
	font-style: italic;
}

.ipogramisi {
	text-decoration: underline;
}

.mavro {
	color: #16130E;
}

.ble {
	color: #003366;
}

.prasino {
	color: #006600;
}

.kokino {
	color: #990000;
}

.kentro {
	text-align: center;
}

.dexia {
	text-align: right;
}

.nobr {
	white-space: nowrap;
}
